var boxa = document.getElementsByClassName("banner_a_swiper");
var boxb = boxa[0].getElementsByClassName("banner_a_items");
var timer = "";
var timer_a = "";
var now_page = 0;
var arr = new Array();
arr.push(boxb);
// console.log(arr);
var left = 0;


// 初始化数组
function arr_init(){
	for(let i=0;i<arr[0].length;i++){
		arr[0][i].index=i;
		console.log("boxb[0]["+i+"]",boxb[i].index);
	}
	console.log("arr",arr);
}

arr_init();
// 改变数组的位置 
// parameter i 索引 element_a 删除数组 element_b 添加新元素的数组
function change(i,element_a,element_b){
	if(i<0||i>element_a.length-1){
		console.log("i不合法",i);
		return;
	}
	var item=element_a[i];
	element_a[i].remove();
	for(let i=0;i<element_a.length;i++){
		// arr[0][i].index=i;
		console.log("boxb[0]["+i+"]",boxb[i].index);
	}
}
//  // change(0,arr[0],boxa[0])
// arr_change_i(0);
// function arr_change_i(n){
// 	// 0 1 2 3 4
// 	var arr_old=new Array();
// 	for(let i=0;i<arr[0].length;i++){
// 		arr_old[arr[0][i].index]=arr[0][i];
// 	}
// 	var new_arr=[];
// 	console.log("arr_old",arr_old);
// 	console.log("arr[0]",arr[0]);
// 	//节点元素替换
// 	if(n==0){
// 		// 0 1 2 3 4  arr[0]
// 		// 3 4 0 1 2
// 		 new_arr[3]=arr_old[0].innerHTML;
// 		 new_arr[4]=arr_old[1].innerHTML;
// 		 new_arr[0]=arr_old[2].innerHTML;
// 		 new_arr[1]=arr_old[3].innerHTML;
// 		 new_arr[2]=arr_old[4].innerHTML;
// 		 new_arr[2].index=12;
// 	}
// 	console.log("new_arr[2]",new_arr[2]);
// 	console.log("arr[0]",arr[0]);
// 	arr[0][0]=new_arr[2];
// 	console.log("arr[0]",arr[0]);
	
// }


function swiper() {
	timer = setInterval(function() {
		boxa[0].style.transitionDuration = "2s";
		left -= boxb[0].clientWidth + 2;
		// left-=boxb[0].offsetwidth;
		// console.log("li宽度", boxb[0].clientWidth);
		// console.log("left的值",left);
		console.log("left/-boxb[0].clientWidth",left/-(boxb[0].clientWidth+2));
		
		
		// console.log("ul的宽度", boxa[0].clientWidth);
		if (left <= -(boxa[0].clientWidth-boxb[0].clientWidth - 2)) {
			left = 0;
		}
		/*
		left =0 第1张 数组排序：3 4 0 1 2 
		left/-boxb[0].clientWidth=1 第2张  数组排序：4 0 1 2 3  
		left/-boxb[0].clientWidth=2 第3张  数组排序：0 1 2 3 4 
		left/-boxb[0].clientWidth=3 第4张  数组排序：1 2 3 4 0 
		left/-boxb[0].clientWidth=4 第5张  数组排序：2 3 4 0 1 
		*/
	   
		boxa[0].style.left = left + "px";
	}, 3000)
}

window.onresize = function() {
	clearInterval(timer);
	left = 0;
	boxa[0].style.transitionDuration = "0s";
	boxa[0].style.left = 0 + "px";
	swiper();
}
swiper();
